<!DOCTYPE html>
<head>
    <link rel="stylesheet" href="css/hobbies.css">
</head>
<body>
<div class="hobbies">
        <div class="stars"></div>
        <h3 class="hobbies_tit">衣带渐宽终不悔，为伊消得人憔悴。</h3>
        <h3 class="titles">生活啊，尽情舞蹈吧</h3>
        <img class="hobbies_bgc" src="https://img.lccyj.ltd/img/1.JPG" alt="">
        <div class='ribbon'>
            <a href='./index.html'><span>Home</span></a>
            <a href='./about.html'><span>About</span></a>
            <a href='./hobbies.html'><span>Hobbies</span></a>

        </div>

    <!-- / -->
   <div class="book">
    <div class="conBigTitle">
        <h2>图书</h2>
        <p>
            <a href="#" target="_blank">书中自有黄金屋</a>|
            <a href="#" target="_blank">书中自有颜如玉</a>
        </p>
    </div>
    <div class="show">
        <s class="sign"></s>
        <div class="showLeft">
            <h3><a href="./book1.html" title="杀死一只知更鸟" target="_blank">杀死一只知更鸟</a></h3>
            <p class="author">作者：哈珀·李</p>
            <p class="introduce">《杀死一只知更鸟》二十世纪三十年代，大萧条时期美国南部的一个小镇，三个孩子平静的生活被两桩冤案彻底打破。传闻与事实，坚强与软弱，正义与邪恶，忠诚与背叛，他们在痛苦与矛盾中艰难地拨开生活的重重迷雾，见证了人性的污秽与光辉，理解了真相的残忍与无奈，也感受了人间的温暖与真情。</p>
            <span>
                <a href="./book1.html" target="_blank" title="杀死一只知更鸟">
                    <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_156,h_208,q_100/8eddae71/group6/M00/C9/29/CmQUNliwAvqEd43OAAAAAEKQN1s737631726.jpg?v=5pw9ExG9&t=CmQUNl6Itpo." title="杀死一只知更鸟" alt="杀死一只知更鸟" class="bookCover lazy">
                </a>
                <img src="//pweb.d.ireader.com/static/images/index/shadow.gif" alt="杀死一只知更鸟" class="shadow">
            </span>
        </div>
        <ul class="showMid">
            <li>
                <a href="./book2.html" target="_blank" title="三体">
                    <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_300,h_400/08c0f360/group61/M00/9C/7A/CmQUOVycjHiEHEavAAAAAAqB0h8765287492.jpg?v=zzHQJdFa&t=CmQUOV6IxR4." title="三体" alt="三体" class="lazy">
                </a>
                <p class="bookName">
                    <a href="./book2.html" title="三体" target="_blank">三体</a>
                </p>
                <p>刘慈欣</p>
            </li>
            <li>
                <a href="#" target="_blank" title="东方快车谋杀案">
                    <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_156,h_208,q_100/df3739e2/group6/M00/5E/7E/CmRaIVso1IiEXmfBAAAAACIOS7I167274228.jpg?v=nYLsetif&t=CmQUN2ERWkg." title="东方快车谋杀案" alt="东方快车谋杀案" class="lazy">
                </a>
                <p class="bookName">
                    <a href="#" title="东方快车谋杀案" target="_blank">东方快车谋杀案</a>
                </p>
                <p>阿加莎</p>
            </li>
            <li class="tb">
                <a href="#" target="_blank" title="活着">
                    <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_156,h_208,q_100/5dd12d3b/group6/M00/2B/41/CmQUOFcMj9CEBj_gAAAAAI1eU64427806210.jpg?v=pM2Jvx9M&t=CmQUN16Is6s." title="活着" alt="活着" class="lazy">
                </a>
                <p class="bookName">
                    <a href="#" title="活着" target="_blank">活着</a>
                </p>
                <p>余华</p>
            </li>
            <li class="tb">
                <a href="./book3.html" target="_blank" title="月亮和六便士">
                    <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_156,h_208,q_100/a664a4b6/group6/M00/BB/58/CmQUN1oVRnKEBKybAAAAANegkxw978046032.jpg?v=aZusShmL&t=CmQUN16IuYQ." title="月亮和六便士" alt="月亮和六便士" class="lazy">
                </a>
                <p class="bookName">
                    <a href="./book3.html" title="月亮和六便士" target="_blank">月亮和六便士</a>
                </p>
                <p>毛姆</p>
            </li>
                    </ul>
        <div class="showRight">
            <h3><s class="crown"></s><a href="#" target="_blank">书单</a></h3>
            <ul>
                <li class="onShow">
                    <dl class="open">
                        <dt>1</dt>
                        <dd>
                            <div>
                                <span class="bookPic">
                                    <a href="#" target="_blank" title="百年孤独">
                                        <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_156,h_208,q_100/da3637c4/group6/M00/E7/EC/CmQUNlsLwkaECSEsAAAAAJOpcg0715902694.jpg?v=oMXJSqI4&t=CmQUNl6Iu9M."  class="lazy"/>                                    </a>
                                </span>
                                <div class="bookCon">
                                    <p>
                                        <a href="#" title="百年孤独" target="_blank">百年孤独</a><br>
                                        <span class="num">马尔克斯</span>

                                    </p>
                                </div>
                            </div>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl class="close">
                        <dt>2</dt>
                        <dd>
                            <span class="bookName">
                                <a href="#" title="悲惨世界" target="_blank">悲惨世界&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;维克多·雨果 </a>
                            </span>
                        </dd>
                    </dl>
                </li>
                 <li>
                    <dl class="close">
                        <dt>3</dt>
                        <dd>
                            <span class="bookName">
                                <a href="#" title="百年孤独" target="_blank">白夜行&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;东野圭吾</a>
                            </span>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl class="close">
                        <dt>4</dt>
                        <dd>
                            <span class="bookName">
                                <a href="#" title="百年孤独" target="_blank">不能承受的生命之轻</a>
                            </span>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl class="close">
                        <dt>5</dt>
                        <dd>
                            <span class="bookName">
                                <a href="#" title="百年孤独" target="_blank">霍乱时期的爱情</a>
                            </span>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl class="close">
                        <dt>6</dt>
                        <dd>
                            <span class="bookName">
                                <a href="#" title="百年孤独" target="_blank">柑橘与柠檬</a>
                            </span>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl class="close">
                        <dt>7</dt>
                        <dd>
                            <span class="bookName">
                                <a href="#" title="百年孤独" target="_blank">万历十五年</a>
                            </span>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl class="close">
                        <dt>8</dt>
                        <dd>
                            <span class="bookName">
                                <a href="#" title="百年孤独" target="_blank">尼罗河谋杀案</a>
                            </span>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl class="close">
                        <dt>9</dt>
                        <dd>
                            <span class="bookName">
                                <a href="#" title="百年孤独" target="_blank">乡村教师 大刘</a>
                            </span>
                        </dd>
                    </dl>
                </li>
                                <li>
                    <dl class="close">
                        <dt>10</dt>
                        <dd>
                            <span class="bookName">
                                <a href="#" title="三生三世：步生莲（壹）化茧" target="_blank">苏菲的世界</a>
                            </span>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
   </div>
   
    <div class="sel_Cir">
        <div class="conBigTitle">
            <h2>野兽回来了</h2>
     
        </div>
        <div class="cirShow">
            <ul class="cirBig">
                <li>
                    <span class="cirHead">
                        <a href="./tangshi.html"  target="_blank">
                            <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_300,h_400/ce16384b/group6/M00/EF/08/CmQUNlswWuGEI-P_AAAAAGcokYo470353353.jpg?v=zCb05qFg&t=CmQUNlswWuE." title="唐诗" alt="唐诗" class="lazy"/>
                        </a>
                        <s class="fire"></s>
                    </span>
                    <h3><a href="./tangshi.html" title="唐诗" target="_blank">唐诗</a></h3>
                    <p class="little">有时只是一首诗,我们就找回对世界的初恋.</p>
                    <span class="attent">
                        <s class="fans"></s>
                        <i>今夕何夕,见此良人</i>
                        <s class="cards"></s>
                        <i></i>
                    </span>
                </li>
                <li class="middle">
                    <span class="cirHead">
                        <a href="./songci.html" target="_blank">
                            <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_300,h_400/b1fb4c32/group6/M00/EF/08/CmQUNlswW06Ec5WmAAAAACImj3c976890971.jpg?v=pEoO4QEx&t=CmQUNlswW04." title="宋词" alt="宋词" class="lazy"/>
                        </a>
                        <s class="fire"></s>
                    </span>
                    <h3><a title="宋词" href="./songci.html" target="_blank">宋词</a></h3>
                    <p class="little">诗情画意,人间绝美</p>
                    <span class="attent">
                        <s class="fans"></s>
                        <i>相思本是无凭语,莫向花笺费泪行</i>
                        <s class="cards"></s>
                        <i></i>
                    </span>
                </li>
                <li>
                    <span class="cirHead">
                        <a target="_blank" href="./yuanqu.html">
                            <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_300,h_400/bfadaf77/group6/M00/EF/11/CmQUN1swh_mEfkV0AAAAANKnaaU020118518.jpg?v=Q1NQqWqL&t=CmQUN1swh_k." alt="元曲" class="lazy"/>
                        </a>
                        <s class="fire"></s>
                    </span>
                    <h3><a href="/.yuanqu.html"  target="_blank">元曲</a></h3>
                    <p class="little">街市小令”或“村坊小调"</p>
                    <span class="attent">
                        <s class="fans"></s>
                        <i></i>新秋至，人乍别，顺长江水流残月。悠悠画船东去也，这思量起头儿一夜。
                        <s class="cards"></s>
                        <i></i>
                    </span>
                </li>
            </ul>

            <div class="zwtit"><img src="" alt=""></div>
            <ul class="cirLittle zwqz">
                            <li>
                    <span class="litHead">
                        <a href="#" target="_blank">
                            <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_300,h_400/71fee514/group6/M00/1C/74/CmRablswwt2EKu2UAAAAAOQZ58o026610528.jpg?v=w64zJDdg&t=CmRablswwt0." alt="博客">
                        </a>
                    </span>
                    <div class="bookCon">
                        <h3><a  target="_blank">博客</a></h3>
                        <p>0部作品</p>
                    </div>
                </li>
                <li>
                    <span class="litHead">
                        <a  target="_blank">
                            <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_300,h_400/2ab99546/group6/M00/EF/16/CmQUNlswbOaEQwe_AAAAAIWAkFQ186283339.jpg?v=8N8Z8LMS&t=CmQUNlswbOY." alt="绘画">
                        </a>
                    </span>
                    <div class="bookCon">
                        <h3><a  target="_blank">绘画</a></h3>
                        <p>0部作品</p>
                    </div>
                </li>
                <li>
                    <span class="litHead">
                        <a  target="_blank">
                            <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_300,h_400/467cba7c/group6/M00/1C/2F/CmRae1swXU6EKGW2AAAAAJBPyUs060526757.jpg?v=j5BKgYCC&t=CmRae1swXU4." alt="散文">
                        </a>
                    </span>
                    <div class="bookCon">
                        <h3><a  target="_blank">散文</a></h3>
                        <p>0部作品</p>
                    </div>
                </li>
                <li>
                    <span class="litHead">
                        <a  target="_blank">
                            <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_300,h_400/8c743f75/group6/M00/1D/00/CmRaelszMT-EDFwHAAAAAKqS8cs181978067.jpg?v=48satnrL&t=CmRaelszMT4." alt="小说">
                        </a>
                    </span>
                    <div class="bookCon">
                        <h3><a  target="_blank">小说</a></h3>
                        <p>0部作品</p>
                    </div>
                </li>
                <li>
                    <span class="litHead">
                        <a  target="_blank">
                            <img src="https://bookbk.img.zhangyue01.com/idc_1/m_1,w_300,h_400/4c61e2a0/group6/M00/EF/09/CmQUNlswW6iEAzRwAAAAANMnZTE319229773.jpg?v=ewnsQJEf&t=CmQUNlswW6g." alt="信件">
                        </a>
                    </span>
                    <div class="bookCon">
                        <h3><a  target="_blank">信件</a></h3>
                        <p>0部作品</p>
                    </div>
                </li>
        </ul>
    </div>
</div>
</div>

</body>

